import Taro, { Component } from '@tarojs/taro'
import { View, Text } from '@tarojs/components'
import { DNavBar, DImagesupload } from '@/components'
import { AtForm, AtInput, AtButton } from 'taro-ui'
import './reapplydetail.scss'

export default class reapplydetailBox extends Component {

  onLookImages() {
    Taro.navigateTo({
      url: `/pages/itemImages/itemImages?status=`
    })
  }

  render() {
    return (
      <View className='b_reapplydetail'>
        <DNavBar title={'运输车辆登记'}></DNavBar>
        <View className='b_reapplydetail__box'>
          <View className="b_reapplydetail__tips">
            <Text>您的审核未通过，请重新提交申请</Text>
          </View>
          <View className='b_reapplydetail__form'>
            <AtForm>
              <View className='b_reapplydetail__form__item'>
                <AtInput title='车辆名称' placeholderClass='item_input__place' placeholder='请输入运输车辆名称'></AtInput>
                <AtInput title='车牌号码' placeholderClass='item_input__place' placeholder='请输入运输车辆号码'></AtInput>
                <AtInput title='车辆年龄' placeholderClass='item_input__place' placeholder='请输入车辆年龄'></AtInput>
                <AtInput title='司机姓名' placeholderClass='item_input__place' placeholder='请输入司机姓名'></AtInput>
              </View>
              <View className='b_reapplydetail__form__item'>
                <View className='b_reapplydetail__images'>
                  <Text className="b_reapplydetail__images_title">车源照片(最多可上传四张)</Text>
                  <Text className="b_reapplydetail__images_tips" onClick={this.onLookImages.bind(this)}>查看范例</Text>
                  <DImagesupload count={4} text={'查看'} ></DImagesupload>
                </View>
                <View className='b_reapplydetail__images'>
                  <Text className="b_reapplydetail__images_tips" onClick={this.onLookImages.bind(this)}>查看范例</Text>
                  <Text className="b_reapplydetail__images_title">车辆行驶证</Text>
                  <DImagesupload></DImagesupload>
                </View>
                <View className='b_reapplydetail__images'>
                  <Text className="b_reapplydetail__images_tips" onClick={this.onLookImages.bind(this)}>查看范例</Text>
                  <Text className="b_reapplydetail__images_title">车辆保险证明</Text>
                  <DImagesupload></DImagesupload>
                </View>
                <View className='b_reapplydetail__images'>
                  <Text className="b_reapplydetail__images_tips" onClick={this.onLookImages.bind(this)}>查看范例</Text>
                  <Text className="b_reapplydetail__images_title">司机驾驶证明</Text>
                  <DImagesupload></DImagesupload>
                </View>
              </View>
            </AtForm>
          </View>
          <View className='b_reapplydetail__footer'>
            <AtButton className='item_btn'>提交登记</AtButton>
          </View>
        </View>
      </View>
    )
  }
}